<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/normalize_zh.css" />
    <link rel="stylesheet" type="text/css" href="css/shop_item.css">
    <link rel="stylesheet" href="./css/baseShop.css">
    <link rel="stylesheet" type="text/css" href="css/magiczoomplus.css">
</head>

<body>
    <header class="y_header">
        <nav>
            <div id="userName" class="userdiv"></div>
        </nav>
    </header>
    <div id="y_shop_all"></div>
    <div class="wm_box">
        <div class="wm_item_info">
            <div class="wm_item_info_l">
                <div class="wm_gallery">
                    <div class="wm_gallery_top" id="bigImg">

                    </div>
                    <div class="wm_gallery_centre" id="smallPic">
                        <!-- <ul>
                            <li>
                                <a href="./img/lxy01.jpg" rel="zoom1" rev="./img/lxy01.jpg">
                                    <img src="./img/lxy01.jpg" /></a>
                            </li>
                            <li>
                                <a href="./img/lxy02.jpg" rel="zoom1" rev="./img/lxy02.jpg">
                                    <img src="./img/lxy02.jpg" /></a>
                            </li>
                            <li>
                                <a href="./img/lxy03.jpg" rel="zoom1" rev="./img/lxy03.jpg">
                                    <img src="./img/lxy03.jpg" /></a>
                            </li>
                            <li>
                                <a href="./img/lxy03.jpg" rel="zoom1" rev="./img/lxy03.jpg">
                                    <img src="./img/lxy04.jpg" /></a>
                            </li>
                            <li>
                                <a href="./img/lxy05.jpg" rel="zoom1" rev="./img/lxy05.jpg">
                                    <img src="./img/lxy05.jpg" /></a>
                            </li>
                        </ul> -->
                    </div>
                    <div class="wm_gallery_bottom">
                        <ul>
                            <li>
                                <div></div>
                            </li>
                            <li><a href="#">收藏宝贝(986人气)</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="wm_item_info_r">
                <div class="wm_main_title">
                    <h3 id="title">
                        <!-- 【预售/战双帕弥什】官方正版周边 露西亚·深红之渊粘土人定金 -->
                    </h3>
                </div>
                <div class="wm_main_meta">
                    <div class="wm_main_meta_l">
                        <span>价格</span>
                        <span id="price">¥50:00</span>
                    </div>
                    <div class="wm_main_meta_c">
                        <ul>
                            <li>959</li>
                            <li>交易成功</li>
                        </ul>
                    </div>
                    <div class="wm_main_meta_r">
                        <ul>
                            <li><a href="#">0</a></li>
                            <li>累计评论</li>
                        </ul>
                    </div>
                </div>
                <div class="wm_main_location">
                    <span>配送</span>
                    <span>广东广州</span>
                    <span>至</span>
                    <span>广东广州天河区<div class="wm_main_location_sjx_1"></div></span>
                    <span>快递</span>
                    <span>快递费<div class="wm_main_location_sjx_2"></div></span>
                    <span>付款后7天内发货</span>
                </div>
                <div class="wm_main_Prop">
                    <div>颜色分类</div>
                    <div id="select"></div>
                </div>
                <div class="wm_main_amount">
                    <span>数量</span>
                    <div>
                        <span>
                                <button class="wm_main_amount_but left_button" type="button" onclick="str()"><strong>－</strong></button>
                                <input type="text" value="1" maxlength="8" title="请输入购买量" class="input_text" id="amount">
                                <button  class="wm_main_amount_but right_button" type="button" onclick="add()"><strong>＋</strong></button>
                            </span>
                        <span>件 (库存8462件)</span>
                    </div>
                </div>

                <div class="wm_main-action">
                    <div class="wm_main-action_l">
                        <span>立即购买</span>
                    </div>
                    <button class="wm_main-action_r" onclick="addCart()">
                        <span>加入购物车</span>
                    </button>
                </div>

                <div class="wm_extra_com">
                    <div><span>承诺</span></div>
                    <div class="wm_extra_com_img">
                        <a href="#"></a>
                    </div>
                    <div><span><a class="wm_extra_a" href="#">7天无理由</a></span></div>
                </div>
                <div class="wm_extra_pay">
                    <div><span>支付</span></div>
                    <div class="wm_extra_pay_img">
                        <a href="#"></a>
                    </div>
                    <div><span><a class="wm_extra_a" href="#" target="_blank">集分宝</a></span></div>
                </div>

            </div>
        </div>



    </div>
    <!-- 宝贝详情 -->

    <div class="wm_content">
        <div class="wm_content_menu">
            <div class="wm_content_menu_warp">
                <ul>
                    <li><a href="#">宝贝详情</a></li>
                    <li><a href="#">累计评论<span>  0</span></a></li>
                    <li><a href="#">专享服务</a></li>
                </ul>
            </div>
        </div>
        <div class="wm_attributes">
            <ul>
                <li>品牌: 战双帕弥什</li>
                <li>型号: ZS023</li>
                <li>适用年龄: 14周岁以上</li>
                <li>颜色分类: 定金（不可用优惠卷）</li>
                <li>出售状态: 预售</li>
                <li>动漫地区: 中国大陆</li>
                <li>ACG作品名: 战双帕弥什</li>
            </ul>
        </div>
        <div class="wm_content_details">
            <!-- <hr color="#eeeee"> -->
            <p><span style="color: #ff0000;">
                    <strong>【战双帕弥什官方店】限定·预售特典</strong>
                    </span></p>
            <p><strong>预售期间，在【战双帕弥什官方店】购入的粘土人均附带一张游戏内礼包兑换卡（中国大陆服限定）。</strong></p>
            <p><strong>
                    <span style="color: #ff0000;">前500位·豪华版礼包：</span>
                    <br>
                    黑卡*150
                    <br>
                    经验仓·大*10
                    <br>
                    武器强化素材IV*20
                    <br>
                    意识强化素材IV*35
                    <br>
                    技能点*10
                    <br>
                    螺母*100000
                    </strong></p>
            <p><strong>
                    <span style="color: #ff0000;">501位开始（不限量）·普通版礼包：</span>
                    <br>
                    经验仓·大*10
                    <br>
                    武器强化素材IV*20
                    <br>
                    意识强化素材IV*35
                    <br>
                    技能点*10
                    <br>
                    螺母*100000
                    </strong></p>
            <p><strong>注：
                    <br>
                    1.一个淘宝ID限得一张礼包卡，同一淘宝id下多份定金仅可得一张礼包卡。
                    <br>
                    2.礼包卡仅限中国大陆服区兑换，一个游戏账号仅能兑换一次。
                    <br>
                    3.礼包卡将在尾款拍付后随商品一同寄出。
                    <br>
                    4.礼包卡使用后，商品不可进行退货，但若商品存在质量问题，仍可进行换货等售后。
                    </strong></p>
            <div id="datail"></div>
        </div>
        <div class="wm_price_spec">
            <h3 class="wm_spec_title">价格说明</h3>
            <p class="wm_title">划线价格</p>
            <p class="wm_info">指商品的专柜价、吊牌价、正品零售价、厂商指导价或该商品的曾经展示过的销售价等，<strong>并非原价</strong>，仅供参考。</p>
            <p class="wm_title">未划线价格</p>
            <p class="wm_info">指商品的<strong>实时标价</strong>，不因表述的差异改变性质。具体成交价格根据商品参加活动，或会员使用优惠券、积分等发生变化，最终以订单结算页价格为准。</p>
            <p class="wm_info" data-spm-anchor-id="2013.1.0.i5.2a244202rfKZbw">商家详情页（含主图）以图片或文字形式标注的一口价、促销价、优惠价等价格可能是在使用优惠券、满减或特定优惠活动和时段等情形下的价格，具体请以结算页面的标价、优惠条件或活动规则为准。</p>
            <p class="wm_info">此说明仅当出现价格比较时有效，具体请参见《淘宝价格发布规范》。若商家单独对划线价格进行说明的，以商家的表述为准。</p>
        </div>

        <div class="wm_official_remid">
            <dl class="wm_security" data-spm-anchor-id="2013.1.0.i12.2a2442027jLlcl">
                <dt><strong>安全提示：</strong></dt>
                <dd>
                    <p>
                        交易中请勿使用
                        <span class="wm_tb_h">阿里旺旺</span> 以外的聊天工具沟通，不要接收
                        <span class="wm_tb_h">可疑文件</span> 和不要点击
                        <span class="wm_tb_h">不明来源</span> 的链接，支付前核实好域名和支付详情。 淘宝不会以订单有问题，让您提供任何
                        <span class="wm_tb_h">银行卡</span> 、
                        <span class="wm_tb_h">密码</span> 、
                        <span class="wm_tb_h">手机验证码</span> ！遇到可疑情况可在钱盾“诈骗举报”中进行举报,
                        <a href="//qd.alibaba.com/go/v/pcdetail" target="_top">安全推荐</a>
                    </p>
                    <p>推荐安全软件：
                        <span><img src="img/qiandun.png" alt="钱盾"><a href="#">钱盾</a> </span>
                        <span><img src="img/UC.png" alt="UC浏览器"><a href="#">UC浏览器</a> </span>
                    </p>
                </dd>
            </dl>

            <dl class=" wm_tb-exemption ">
                <dt><strong>内容申明：</strong></dt>
                <dd data-spm-anchor-id="2013.1.0.i5.2a2442027jLlcl ">淘宝为第三方交易平台及互联网信息服务提供者，淘宝（含网站、客户端等）所展示的商品/服务的标题、价格、详情等信息内容系由店铺经营者发布，其真实性、准确性和合法性均由店铺经营者负责。淘宝提醒用户购买商品/服务前注意谨慎核实。如用户对商品/服务的标题、价格、详情等任何信息有任何疑问的，请在购买前通过阿里旺旺与店铺经营者沟通确认；淘宝存在海量店铺，如用户发现店铺内有任何违法/侵权信息，请立即向淘宝举报并提供有效线索。</dd>
            </dl>
        </div>

    </div>
    </div>
    <script src="./js/jquery-3.1.1.min.js"></script>
    <script src="res/artTemplate/template-native.js"></script>
    <script src="./js/base.js"></script>
    <script src="./js/shop_item.js"></script>
    <script type="text/template" id="userTpl">
        <%if(userInfo!==""){%>
            <a href="#" class="userColor"><span>欢迎登陆 &nbsp <%=userInfo%></span>
                <a href="javascript:loginOut();" class="userColor">&nbsp &nbsp 退出</a>

            </a>
            <% } else {%>
                <a href="login.html" class="userColor">登录<%=userInfo%></a>
                <% }%>
    </script>
    <script type="text/template" id="shopItemTpl_samllpic">
        <ul>

            <% for(var i=0 , count=0;i<data.pic.length;i++){%>
                <%if(data.pic[i].picName==="small"){%>
                    <li>
                        <a href="<%=data.pic[i].picAddr%>" rel="zoom1" rev="<%=data.pic[i].picAddr%>">
                       <img src="<%=data.pic[i].picAddr%>" onmouseout="_Mouseout(<%=count%>)" class="img_class" /></a>
                    </li>
                    <% count++;}}%>
                        <% if(count===0){%>
                            <li>
                                <a href="<%=data.pic[0].picAddr%>" rel="zoom1" rev="<%=data.pic[0].picAddr%>">
                           <img src="<%=data.pic[0].picAddr%>" onmouseout="_Mouseout(<%=count%>)" class="img_class" /></a>
                            </li>
                            <% }%>
        </ul>
    </script>
    <script type="text/template" id="shopItemTpl_title">
        <%=data.proName%>
    </script>
    <!-- <img src="img/lxyxqt.jpg"> -->
    <script type="text/template" id="shopItemTpl_detail">
        <% for(var i=0 , count=0;i<data.pic.length;i++){%>
            <%if(data.pic[i].picName==="detail"){%>
                <img src="<%=data.pic[i].picAddr%>" />
                <%} }%>
    </script>
    <script type="text/template" id="shopItemTpl_bigImg">
        <a href="<%=data.pic[0].picAddr%>" id="zoom1" class="MagicZoom MagicThumb">
            <img src="<%=data.pic[0].picAddr%>" id="main_img" class="main_img" style="width:460px;height:460px;" 
            />
    </script>
    <script type="text/template" id="shopItemTpl_selectImg">
        <img src="<%=data.pic[0].picAddr%>">
    </script>
    <script type="text/template" id="shopItemTpl_price">
        ￥
        <%=data.price.toFixed(2)%>
    </script>
</body>

</html>